<div class="root">
    <image resize="cover" class="bg" :src="bg"></image>

    <div class="main" v-if="pageLoaded">
        <div class="msg-wrapper" @click="goToMsg">
            <text class="msg-txt font-msyhl">{{title}}</text>
            <image resize="cover" class="msg-icon" :src="msgIcon"></image>
        </div>

        <div class="code-wrapper">
            <div class="code-inner-wrapper">
                <image class="icon-qrcode-border" :src="qrcodeBorder"></image>
                <image class="icon-qrcode" :src="qrcodeUrl"></image>
            </div>

            <text class="code-txt font-msyhl" v-if="remark">{{remark}}</text>
        </div>
    </div>
</div>